index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<!-- #BeginTemplate "dwt/site.dwt" -->

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<!-- #BeginEditable "doctitle" -->
<title>Home</title>
<!-- #EndEditable -->
<!-- #BeginEditable "headsection" -->
<meta content="insert DESCRIPTION here" name="description" />
<meta content="Insert KEYWORDS here" name="keywords" />
<!-- #EndEditable -->
<meta http-equiv="Content-Language" content="en-us" />
<meta content="General" name="rating" />
<meta content="no" http-equiv="imagetoolbar" />
<meta content="Copyright 2010, Tina Clarke and Pat Geary. http://frontpage-to-expression.com/ All Rights Reserved" name="copyright" />
<link rel="stylesheet" type="text/css" href="styles/site.css" />
<!-- 
======================================
Website Template Name:   Daffodil Site Template 
Author: Patricia Geary
Author URI: http://www.expression-web-tutorials.com/
Author Email: patgeary@comcast.net
Date: October 2011 
========================================
-->
</head>

<body>

<!-- Page Container begins here -->
<div id="outerWrapper">
	<div id="sitename">
		<p class="title">Site Name </p>
		<p class="tagline">Tagline Goes Here</p>
	</div>
	<!-- Masthead begins here -->
	<div id="header">
	</div>
	<!-- Masthead ends here -->
	<!-- Content Container begins here -->
	<div id="contentWrapper">
		<!-- Left Column begins here -->
		<div id="leftColumn1">
			<p class="headerbar">Main Menu</p>
			<ul>
				<li><a href="index.html" title="Home - Your Site Name.">Home</a></li>
				<li><a href="about.html" title="About Us - Site Name.">About Us</a></li>
				<li><a href="contact.html" title="Contact  Us - Site Name.">Contact Us</a></li>
				<li><a href="links.html" title="Links We Reccommend">Links</a></li>
				<li><a title="Photo Gallery." href="photo-gallery.html">Photo Gallery</a></li>
				<li><a href="search.html" title="Search Our Site.">Search</a></li>
				<li><a href="site-map.html" title="Site Map for Site Name.">Site Map</a></li>
			</ul>
			<p class="headerbar">Section Menu</p>
			<ul>
				<li><a href="#" title="null link">Link</a><ul>
					<li><a href="#" title="null link">Link</a></li>
					<li><a href="#" title="null link">Link</a></li>
				</ul>
				</li>
				<li><a href="#" title="null link">Link</a></li>
				<li><a href="#" title="null link">Link</a><ul>
					<li><a href="#" title="null link">Link</a></li>
					<li><a href="#" title="null link">Link</a></li>
				</ul>
				</li>
				<li><a href="#" title="null link">Link</a></li>
				<li><a href="#" title="null link">Link</a></li>
			</ul>
			<div class="sidebox">
				<p class="sideboxheading">News</p>
				<p>You may use this box for news, special events, sales or what have you. If you want to be able to change the content from page to page, you will need to make this an editable region.</p>
			</div>
		</div>
		<!-- Left Column ends here -->
		<!-- Main Content begins here -->
		<div id="content">
			<!-- #BeginEditable "content" -->
			<h1>Daffodil Garden Template</h1>
			<p>The <strong>Daffodil Garden Template</strong> is a fixed width equal height layout set for a 1024px width screen resolution with no horizontal scroll. If viewed at less than a 1024px resolution, the viewer will see a horizontal scroll. The template is based on one of the Site Templates offered by <a title="Migrating from FrontPage to Expression Web." href="http://www.frontpage-to-expression.com/site-templates/">Migrating from FrontPage to Expression Web</a> which has been heavily tweaked.</p>
			<h2>Menu</h2>
			<p>The menu used with this template will allow one additional level of menu as shown in the Section Menu. If you need to change your menu from section to section, you will need to make all or part of the leftColumn1 section an editable region.</p>
			<h2>Images</h2>
			<p>The masthead image is from a photograph I took a number of years ago of one of our neighbor's wooded lot - Mr. Brown's Garden. You are free to use the image as part of this template. Styles are include to position images floated to the right, left, or center of the page.</p>
			<p><img alt="Description of Picture." class="imgctr" src="images/garden.jpg" width="290" height="218" /></p>
			<h2>Photo Gallery</h2>
			<p>The <a title="Photo Gallery Example." href="photo-gallery.html">Photo Gallery</a> page makes use of one of the commercial add-ins available for Expression Web - <a title="Ajatix Lightbox Add-In for Expression Web." href="http://www.expression-web-tutorials.com/ajatix-lightbox.html">Ajatix Lightbox Add-In</a>. </p>
			<h2>Miscellaneous</h2>
			<p>Editable regions in the dwt include the doctitle, description, keywords, and the main content area. The right sidebar is not an editable region but can easily be changed to that.</p>
			<p>To achieve the equal height column look with the green border extending the full length of the columns, a <a href="images/content-bg.jpg">background image</a> in used for the contentWrapper. </p>
			<h2>License Information</h2>
			<p>These Site Templates are licensed to you under <a title="Creative Commons." href="http://creativecommons.org/licenses/by/3.0/us/">Creative Commons</a> by the owner, Pat Geary. If you are a web designer/developer and want to use these for clients you MAY NOT claim them as your own design either through a link on the site or a copyright meta. You may put: </p>
			<p>Template Design: <a title="Expression Web Tutorials & Templates." href="http://www.expression-web-tutorials.com/ajatix-lightbox.html">Expression Web Tutorials & Templates</a> and edited by 'your name' and 'your link'. </p>
			<p>You may use these Site Templates for commercial or noncommercial usage. You may add, tweak or change them in anyway you wish. You may NOT include any of the Site Templates in any packages for resale or distribution or download without full written permission.</p>
			<!-- #EndEditable --></div>
		<!-- Main Content ends here -->
		<!-- Do NOT Delete or your footer will not fall below your content area --><br class="clearFloat" />
		<br />
	</div>
	<!-- Content Container ends here -->
	<!-- Footer begins here -->
	<div id="footer">
		<p>Copyright © 2011 Company Name. All Rights Reserved.</p>
		<p><a title="Copy and Paste the email address to your email editor to send me mail.">your-name<code>@</code>your-domain.com</a> | <a title="Privacy Policy." href="privacy-policy.html">Privacy Policy</a></p>
		<p>Template Design: <a title="Expression Web Tutorials & Templates." href="http://www.expression-web-tutorials.com/">Expression Web Tutorials & Templates </a></p>
	</div>
	<!-- Footer ends here --></div>
<!-- Page Container ends here -->

</body>
<!-- #EndTemplate -->

<!-- #EndTemplate -->

</html>